function sendJSONRequest(url, data, onSuccess){
    data = JSON.stringify(data);
    $.getJSON(url, data, function(data){
        response = data;
        onSuccess();
    }).error(function(){
        alert("Couldn't connect to the server...");
    });
}

function sendRequest(url, data, success){
    $.ajax({
        url: url,
        data: data,
        success: success,
        error: function(){
            alert("Couldn't send the request...")
        }
    });
}

function mostrarProveedores() {
    var objCliente = new Object();
    objCliente.idUsuario = "1";
    objCliente.celular = "64412786990";
    objCliente.clave = "123";
    objCliente.correo = "rcorona@umbrall.com";
    objCliente.nombre = "Roberto Corona";
    objCliente.regID = "";
    objCliente.telefono ="6444123442";
    objCliente.tipoUsuario ="1";
    objCliente.direccion="Calle 300";
    
    sendJSONRequest("BuscarProveedores", objCliente, handleServerResponse);
    return false;
}

regID ="";

function mostrarSolicitarCita(regid) {
    regID = regid;
    var objCliente = new Object();
    objCliente.idUsuario = "1";
    sendRequest("SolicitarCita", objCliente, handleServerResponseCita);
    return false;
}

function EnviarSolicitud() {
    var url = "http://50.63.156.232:8080/Server/send?regId=" + regID + "&msg=Solicitud de cita";
    sendRequest(url, null ,handleServerResponseServer);
    return false;
}

function handleServerResponseServer() {        
    $('#respuestaC').show();
    $('#divSolicitarCita').hide();
}

function handleServerResponseCita() {
    var divSolicitarCita = $("#divSolicitarCita");
    divSolicitarCita.show();
    $("#divProveedores").hide();
    divSolicitarCita[0].innerHTML = "<strong>Espeficique fecha y hora que desea recibir su visita</strong><br />Fecha: <input id='fecha' name='fecha' type='text' placeholder='mm/dd/aaaa'/><br>Hora:<input id='hora' name='hora' type='time' /><br><input class='button' name='cmbEnviarSol' type='button' value='Enviar solicitud' onclick='EnviarSolicitud();'>";
    $("#fecha").datepicker();
}

function handleServerResponse() {
    var divPro = $("#divProveedores");
    divPro.show();
    
    var divBuscar = $("#divBuscar");
    divBuscar.hide();

    var lista = response;
                      
    for(i =0; i < lista.length; i++){             
        var tabla = document.createElement("table");
        tabla.innerHTML ="<table class='tabla'><tr><td class='foto' rowspan='3'><img class='contacto' src='images/picture.png'/></td><td class='nombreProveedor' colspan='2'>" 
        + lista[i].usuario.nombre + 
        "</td><td class='nombreProveedor' rowspan='3'>" +
        "<input class='button' name='cmbSeleccionar' onclick='mostrarSolicitarCita(\"" + lista[i].usuario.regID + "\");' type='button' value='Seleccionar'>" 
        + "</td></tr><tr><td class='serviciosProveedor' colspan='2'>"
        + lista[i].usuario.celular + 
        "</td></tr><tr><td>Distancia: 5 km</td><td>Calificación: " + 
        "<img alt='' height='16' src='star.png' width='16'>" +
        "<img alt='' height='16' src='star.png' width='16'>" +
        "<img alt='' height='16' src='star.png' width='16'>" +
        "</td></tr></table>";
        divPro[0].appendChild(tabla);
    }
}